<html>  
<head>  
	<title>欢迎登录</title>   
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/mynavbar.css">
	<script src="js/bootstrap.min.js"></script>
	<style> 
	.top-label-front{
		color:grey;
		font-size:10px;
	}
	.top-bk{  
		background-color:#F8F8FF;
		backgorund-size:cover;  
		background-position:center;  
	} 
	.row{
		margin:2px;
	}
	.row-mar-lg{
		margin-top:15px;
		margin-buttom:15px;
	}

	.main-bk{  
		background-image:url("img/2.jpg");  // 图像地址放在url()里！！
		backgorund-size:cover;  
		background-position:center;  
	}
	.white-bk{  
	background-color:rgba(220,220,220,0.65);
	backgorund-size:cover;  
    background-position:center;  
//	parddng:10px
} 
	.img{
		display: block;
		margin: auto;
		width: 80%;
	}
	.profile{
		width:70px;
		height:70px;
	}
	.nav-tab{
		  color:#FFFFF;
		  font-weight:bold;
	}
	</style> 
	</head> 
<body>

<div class="container">
	<div class="row clearfix">
		<div class="col-md-12 column top-bk">  <!顶部灰色栏>
			<label class="col-md-2 top-label-front">用户名：xxx</label>
			<label class="col-md-7 top-label-front">金币：￥xxx</label>
			<a href="#" class="dropdown-toggle col-md-2 top-label-front" data-toggle="dropdown" >个人中心<b class="caret"></b></a>
			<a href="#" class="dropdown-toggle col-md-1 top-label-front">退出账户</a>
				<ul class="dropdown-menu">
					<li><a href="#">我的心情</a></li>
					<li><a href="#">我的收藏</a></li>
					<li><a href="#">个人信息</a></li>
				</ul>
		</div>
		<a href="home.html"><img src="img/logo.png" width=150 height=85 ></a> 
			<nav class="navbar navbar-default" role="navigation">  <!导航栏>
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li>
							 <a href="home.html">首页</a>
						</li>
						<li>
							 <a href="note.html">笔记</a>
						</li>
						<li>
							 <a href="ask.html">答疑</a>
						</li>
						<li>
							 <a href="discuss.html">讨论</a>
						</li>
						<li>
							 <a href="share.html">资源</a>
						</li>
						<li class="active">
							 <a href="feedback.html">反馈</a>
						</li>
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<li><a href="#"><span class="glyphicon glyphicon-user"></span> 注册</a></li> 
						<li><a href="login.html"><span class="glyphicon glyphicon-log-in"></span> 登录</a></li> 
					</ul>
					<form class="navbar-form navbar-right" role="search">
						<div class="form-group">
							<input class="form-control" type="text" placeholder="站内搜索">
							<button type="submit" class="btn btn-default btn-sm">搜索</button>
						</div> 
					</form>
				</div>
			</nav>
	</div>
	<div class="row clearfix main-bk">
		<br></br>
			<div class="row clearfix">
				<div class="col-md-8 column"> <!反馈区>			
					<div class="row clearfix white-bk"> 
						<h4 style="text-align:center;font-weight:bold">反馈</h4>
						<textarea class="form-control" style="width:700px;height:200px;margin:2px 5px 5px 10px" placeholder="请告诉我们您遇到的问题或宝贵的建议"></textarea>
						<button type="button" class="btn  btn-warning btn-sm" style="margin-left:20px">发表</button>
						<br></br>
					</div>
				</div>
					
				<div class="col-md-4 column"> <!反馈说明>
					<div class="white-bk">
					<dl style="padding:10px 15px 10px 15px">
						<h4 style="text-align:center;font-weight:bold">反馈说明</h4>		
						<dt>说明1</dt>
						<dd>
							A description list is perfect for defining terms.
						</dd>
						<dt>Euismod
						</dt>
						<dd>
							Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.
						</dd>
						<dd>
							Donec id elit non mi porta gravida at eget metus.
						</dd>
						<dt>
							Malesuada porta
						</dt>
						<dd>
							Etiam porta sem malesuada magna mollis euismod.
						</dd>
						<dt>
							Felis euismod semper eget lacinia
						</dt>
						<dd>
							Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
						</dd>
					</dl>
				</div>
			</div>
		<br></br>
	</div>		
				
</div>	
	
</div>
</body>
	